<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<link href="favicon.ico" type="image/x-icon" rel="shortcut icon">

<title>首页</title>

<!--公共样式-->
<link rel="stylesheet" type="text/css" href="css/reset.css"/>

<!--公共脚本-->
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.fullPage.min.js"></script>
<!--dialog-->
<!--artdiolag-->
<script type="text/javascript" src="js/artDialog4_jb51net/jquery.artDialog.js"></script>
<script type="text/javascript" src="js/artDialog4_jb51net/artDialog.iframe.js"></script>
<link rel="stylesheet" type="text/css" href="js/artDialog4_jb51net/skins/default.css"/>

<!--前端脚本-->
<script type="text/javascript" src="js/common.js"></script>


</head>

<body>
	<!--导航-->
	<div class="menu" id="menu">
    	<div class="container_1000 m_center cf">
        	<h1 class="logo">
            	<a href="#page1">
                	<span>
                    	<i class="l_1"></i>
                        <i class="l_2"></i>
                        <i class="l_3"></i>
                        <i class="l_4"></i>
                    </span>
                </a>
            </h1>
        	<ul class="nav">
            	<li data-menuanchor="page1" class="active"><a href="#page1">简介</a></li>
                <li data-menuanchor="page2"><a href="#page2">技能</a></li>
                <li data-menuanchor="page3"><a href="#page3">案例作品</a></li>
                <li data-menuanchor="page4"><a href="#page4">联系方式</a></li>
            </ul>
        </div>
    </div>
    
	<div  id="js_fullpage">
    
    	<!--个人简介-->
        <div class="section"style="background-image: url(/images/首页背景图2.jpg)!important;background-size: cover">
        	<div class="container container_1000 m_center align_center">
            	<p class="mb20">
                	<span class="head">
                        <span class="zz"></span>
                        <span class="border"></span>
                        <img src="images/头像.jpg" width="169" height="169" />
                    </span>
                </p>
                <p class="p_info mb20">
                	<span class="p_name">李玉奇</span>
                    <br />
                    <span class="p_zhiwei">网页设计师/前端工程师/微信小程序开发设计师</span>
                </p>
                <p>
                	<span class="zhishi zhishi_1"></span>
                </p>
                <p>
                	<span class="zhishi zhishi_2"></span>
                </p>
                <p class="mb10">
                	<span class="zhishi zhishi_3"></span>
                </p>
                
                <p class="mb30">
                	<span class="title_1">工作经历</span>
                </p>
                <div class="wrap_time m_center cf">
                	<span class="time_start"></span><span class="time_end"></span>
                    <div class="jingli time_1">
                        <p class="jingli_time">2022-10 — 至今</p>
                        <p class="jingli_info">山东鲁工智能有限公司 网页设计师/前端工程师</p>
                    </div>
                    <!-- <div class="jingli time_2">
                        <p class="jingli_time">2013-10 — 2014-04</p>
                        <p class="jingli_info">武汉尚软科技 网页设计师/前端工程师</p>
                    </div>
                    <div class="jingli time_3">
                        <p class="jingli_time">2014-05 — …</p>
                        <p class="jingli_info">武汉拾艺信息技术有限公司 资深设计师/前端工程师</p>
                    </div> -->
                </div>
            </div>
        </div>
        
        <!--个人技能-->
        <div class="section bg_fff m_center align_center" style="background-image: url(/images/首页背景图.jpg)!important;background-size: cover"">
        	<p class="mb30">
            	<span class="img_bg title_jn"></span>
            </p>
        	<p>
                	<span class="zhishi zhishi_1"></span>
                </p>
            <p>
                <span class="zhishi zhishi_2"></span>
            </p>
            <p class="mb20">
                <span class="zhishi zhishi_3"></span>
            </p>
            <div class="list_icon">
                <p class="icon_cell icon_cell_1">
                    <span class="icon_ico img_bg"></span>
                    <span class="icon_txt img_bg"></span>
                </p>
                <p class="icon_cell icon_cell_2">
                    <span class="icon_ico img_bg"></span>
                    <span class="icon_txt img_bg"></span>
                </p>
                <p class="icon_cell icon_cell_3">
                    <span class="icon_ico img_bg"></span>
                    <span class="icon_txt img_bg"></span>
                </p>
                <p class="icon_cell icon_cell_4">
                    <span class="icon_ico img_bg"></span>
                    <span class="icon_txt img_bg"></span>
                </p>
                <div class="txt_intro">
                	<p>网页/平面/icon设计样样都来，当然离大神还很遥远</p>
                    <p>有代码洁癖，所以我的HTML是干净整洁规范的</p>
                    <p>情怀敲代码，远离IE678，CSS3很好用</p>
                    <p>写前端效果没问题，前提是基于Jquery框架</p>
                </div>
            </div>
        </div>
    	
        <!--案例-->
        <div class="section m_center align_center"style="background-image: url(/images/案例背景图.jpg)!important;background-size: cover">
        	<p class="mb30">
                <span class="title_1">案例作品</span>
            </p>
        	<p>
                <span class="zhishi zhishi_1"></span>
            </p>
            <p>
                <span class="zhishi zhishi_2"></span>
            </p>
            <p class="mb20">
                <span class="zhishi zhishi_3"></span>
            </p>
            <div class="container container_1000 m_center cf">
            	<div class="container_case">
                    <div class="container wrap_case cf" id="js_wrap_case">
                        <ul class="list_case focus">
                            <li data-url="case-detail.html" data-name="拾艺客官网" class="js_cell_case">
                                <span class="zz"></span>
                                <img src="images/案例1.png" width="248" height="160" />
                                <p class="case_info">
                                    <span>山东鲁工智能科技有限公司官网</span>
                                    <span>参与：设计、前端</span>
                                </p>
                            </li>
                            <li data-url="case-detail.html" data-name="拾艺客官网" class="js_cell_case">
                                <span class="zz"></span>
                                <img src="images/案例1.png" width="248" height="160" />
                                <p class="case_info">
                                    <span>山东鲁工智能科技有限公司官网</span>
                                    <span>参与：设计、前端</span>
                                </p>
                            </li>
                            <li data-url="case-detail.html" data-name="拾艺客官网" class="js_cell_case">
                                <span class="zz"></span>
                                <img src="images/案例1.png" width="248" height="160" />
                                <p class="case_info">
                                    <span>山东鲁工智能科技有限公司官网</span>
                                    <span>参与：设计、前端</span>
                                </p>
                            </li>
                        </ul>
                        <ul class="list_case focus">
                            <li data-url="case-detail.html" data-name="拾艺客官网" class="js_cell_case">
                                <span class="zz"></span>
                                <img src="images/案例1.png" width="248" height="160" />
                                <p class="case_info">
                                    <span>山东鲁工智能科技有限公司官网</span>
                                    <span>参与：设计、前端</span>
                                </p>
                            </li>
                            <li data-url="case-detail.html" data-name="拾艺客官网" class="js_cell_case">
                                <span class="zz"></span>
                                <img src="images/案例1.png" width="248" height="160" />
                                <p class="case_info">
                                    <span>山东鲁工智能科技有限公司官网</span>
                                    <span>参与：设计、前端</span>
                                </p>
                            </li>
                            <li data-url="case-detail.html" data-name="拾艺客官网" class="js_cell_case">
                                <span class="zz"></span>
                                <img src="images/案例1.png" width="248" height="160" />
                                <p class="case_info">
                                    <span>山东鲁工智能科技有限公司官网</span>
                                    <span>参与：设计、前端</span>
                                </p>
                            </li>
                        </ul>
                        <ul class="list_case focus">
                            <li data-url="case-detail.html" data-name="拾艺客官网" class="js_cell_case">
                                <span class="zz"></span>
                                <img src="images/案例1.png" width="248" height="160" />
                                <p class="case_info">
                                    <span>山东鲁工智能科技有限公司官网</span>
                                    <span>参与：设计、前端</span>
                                </p>
                            </li>
                            <li data-url="case-detail.html" data-name="拾艺客官网" class="js_cell_case">
                                <span class="zz"></span>
                                <img src="images/案例1.png" width="248" height="160" />
                                <p class="case_info">
                                    <span>山东鲁工智能科技有限公司官网</span>
                                    <span>参与：设计、前端</span>
                                </p>
                            </li>
                            <li data-url="case-detail.html" data-name="拾艺客官网" class="js_cell_case">
                                <span class="zz"></span>
                                <img src="images/案例1.png" width="248" height="160" />
                                <p class="case_info">
                                    <span>山东鲁工智能科技有限公司官网</span>
                                    <span>参与：设计、前端</span>
                                </p>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="tips" id="js_tips">
                	<span class="focus"></span>
                    <span></span>
                    <span></span>
                </div>
            </div>
        </div>
        
        <!--约-->
        <div class="section align_center" style="background-image: url(/images/9.jpg)!important;background-size: cover">
            <p>
            	<span class=" yue_21"><i>世间最美好的东西 莫过于有几个头脑和心地都很正直的严正的朋友</i><br><br><br>
                    <i>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;------爱因斯坦</p></i>
                </span>
            </p>
        	<p class="mb30">
            	<span class="img_bg2 title_jn title_yue"></span>
            </p>
            <p>
                	<span class="zhishi zhishi_1"></span>
                </p>
            <p>
                <span class="zhishi zhishi_2"></span>
            </p>
            <p class="mb20">
                <span class="zhishi zhishi_3"></span>
            </p>
            <p>
            	<span class="yue_info yue_1"><i>:15637186895</i></span>
            </p>
            <p>
            	<span class="yue_info yue_2"><i>:949612521@qq.com</i></span>
            </p>
            <p>
            	<a target="_blank" href="" class="yue_info yue_3"><i>:949612521<span>（点击添加好友）</span></i></a>
            </p>
        </div>
    </div>
</body>
</html>
